@font-family:AvenirNext-Regular,Helvetica Neue,lucida grande,PingFangHK-Light,STHeiti,Heiti SC,Hiragino Sans GB,Microsoft JhengHei,Microsoft Yahei,SimHei,WenQuanYi Micro Hei,Droid Sans,Roboto,Helvetica,Tahoma,Arial,"sans-serif";
@color1:#363636;
@color2:#404040;
@bgc-row:linear-gradient(to bottom,@color1 0%,@color2 100%);
@bgc-col:linear-gradient(to right,@color1 0%,@color2 100%);
.pos(a){
  position: absolute;
}
.pos(r){
  position: relative;
}
.pos(f){
  position: fixed;
}
.side-bar-item{
  span{
    color:#fff;
    font-size:15px;
  }
}
.side-bar-row{
  .pos(f);
  width:14%;
  height:100%;
  background: #334555;
  left:0;
  top:0;
  &-title{
    width:100%;
    height:50px;
    background-color:#00A2E8;
    box-sizing: border-box;
    white-space: nowrap;
    font-family: @font-family;
    padding:15px 20px;
    img{
      width:20px;
      height: 20px;
      margin-right: 5px;
    }
    span{
     display: inline-block;
      vertical-align:super;
      font-size: 15px;
      color:#fff;
    }
    sup{
      font-size: 14px;
      color:#fff;
      margin-left: 5px;
    }
  }
  &-content{
    width:100%;
    height: auto;
    .item{
      width:100%;
      height:50px;
      box-sizing: border-box;
      padding:20px;
      &:hover{
        background-color:#1E64A3;
      }

    }
    
  }
}
.side-bar-col{
  .pos(a);
  width:100%;
  height:60px;
  right:0;
  top:50px;
  background: #334555;
  &-title{
    float: right;
    width:200px;
    height: 60px;
    background-color:#00A2E8;
    box-sizing: border-box;
    padding:15px 20px;
    img{
      width:20px;
      height:20px;
      margin-right: 5px;
    }
    span{
      font-size: 20px;
      display: inline-block;
      vertical-align:super;
      color:#fff;
    }
    sup{
      font-size: 14px;
      color:#fff;
      margin-left: 5px;
    }
  }
  &-content{
    height:100%;
    width:auto;
   .item{
      float: left;
      height: 100%;
      width:120px;
     padding:20px;
     box-sizing: border-box;
      //background-color:grey;
     &:hover{
       background-color:#1E64A3;
     }
    }
  }
}